<html>
    <head>
        <title>Rubra</title>
        <link rel="stylesheet" href="css/reset.css" type="text/css"  />
        <link rel="stylesheet" href="css/grid.css" type="text/css" />
        <link rel="stylesheet" href="css/general.css" type="text/css" />
        <link rel="stylesheet" href="css/forms.css" type="text/css" />
        <link rel="stylesheet" href="css/css3.css" type="text/css"  />
        <link rel="stylesheet" href="css/menu.css" type="text/css" />
        <link rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css" type="text/css" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/modernizr-1.7.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery-validate/jquery.validate.min.js"></script>
        <script>
            $(document).ready(function(){
                $(".button").button();
                $(".datepicker").datepicker({ dateFormat: 'dd/mm/yy' });
                $("#form_evento").validate();
            });
            
        </script>
    </head>
    <body>
        <div class="head">
            <div class="row logo">
                <div class="col col_7">Rubra</div>
            </div>
            <div class="row">
        
                <ul class="menu">
                    <li><a href="#" class="active"><span>Administrador de eventos</span></a></li>
                    <li><a href="#"><span>Administrador de usuarios</span></a></li>
                    <li><a href="#"><span>Eventos archivados</span></a></li>
                </ul>
               
            </div>            
        </div>
        <div class="content content_form">
            <div class="row steps">
                <div class="col col_4">
                
                </div>
                <div class="col col_8">
                    <form id="form_evento" name="form_evento" action="#" method="post">
                        <fieldset class="step s_column" >
                            <legend>Crear un evento</legend>
                            <div>
                                <label for="nombre">Nombre*</label>
                                <input id="nombre" name="nombre" type="text" class="required"/>
                            </div>
                            <div>
                                <label for="empresa">Empresa*</label>
                                <input id="empresa" name="empresa" type="text" class="required"/>
                            </div>          
                            <div>
                                <label for="fechaInicio">Fecha de Inicio</label>
                                <input id="fechaInicio" name="fechaInicio" type="text" class="datepicker" />
                            </div>
                            <div>
                                <label for="fechaFin">Fecha de Finalizaci&oacute;n</label>
                                <input id="fechaFin" name="fechaFin" type="text" class="datepicker"/>
                            </div>
                        </fieldset>
                        <input type="submit" name="accion" value="Crear" class="button" />
                        <button class="button">Cancel</button>
                   </form>
                 </div>  
                 <div class="col col_4">
                 
                </div>                 
            </div>
            <div class="row">
                <form>
                </form>   
            </div>        
        </div>
        <div class="row footer">
        
        </div>
    </body>
</html>
